<template>
	<div class="share-wrapper" v-show="shareshow">
		<div class="share-main">
			<div class="share"></div>
		</div>
		<div class="share-close" @click="shareclose">我知道了</div>
	</div>
</template>

<script>
export default {
	props: {
		shareshow: Boolean,
	},
	  methods:{
	  	shareclose(){
	  		this.$emit('shareClose')
	  	},
  	}
}
</script>

<style>
.share-wrapper{position:fixed;width: 100%;height:100%;top: 0;left: 0;bottom:0;background: rgba(7,17,27,0.8);z-index:1000;}
.share-main{margin: 30px auto 80px auto;}
.share-main .share{width: 100%;height:160px;background: url(../../static/trade-img/share.png) no-repeat; background-size:100% 160px;}
.share-close{width:100px;height:35px;border:1px solid #fff;margin:0 auto;border-radius:3px;color:#fff;font-size:16px;text-align:center;line-height:35px;}
</style>